/** 全局滚动条美化 */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #c8c8c8;
}
/** 全局字体美化 */
@font-face{
  font-family: MiSans-Medium;
  src: url("@/assets/font/MiSans-Medium.woff2");/* IE9+,可以是具体的实际链接 */
}
body{
  font-family: MiSans-Medium, serif;
}
/** 修改element默认样式 */
.el-main{
  overflow: hidden;
  padding: 0 0 20px;
}
/** 通用容器 */
.container{
  max-width: 1200px;
  margin: 0 auto;
}
/** 通用线条颜色 */
.border-bottom{
  border-bottom: 1px solid #F0F0F0;
}
.border-red{
  border: 1px solid red;
}
.border-gray{
  border: 1px solid #EBEEF5
}
/** 通用阴影 */
.box-shadow{
  box-shadow:
    0px 1.4px 3.4px rgba(0, 0, 0, 0.035),
    0px 11px 27px rgba(0, 0, 0, 0.07);
}
/** 通用圆角 */
.border-radius{
  border-radius: 8px;
}
/** 通用文字颜色 */
.f-black-color{
  color: #000000;
}
.f-gray-color{
  color: #8F92A1;
}
.f-blue-color{
  color: #3498DB;
}
.f-red-color{
  color: #F56C6C;
}

/** 通用背景颜色 */
.bg-white{
  background-color: #FFFFFF;
}
/** 通用a标签 */
a{
  color: #000000;
  text-decoration: none;
}
a:hover{
  color: #3498DB;
}

/** 通用外边距 */
.mg-t-10{
  margin-top: 10px;
}
.mg-t-20{
  margin-top: 20px;
}
.mg-b-0{
  margin-bottom: 0;
}
.mg-b-10{
  margin-bottom: 10px;
}

/** 通用内边距 */
.pd-10{
  padding: 10px;
}

/** 通用溢出样式 */
.overflow_omit{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/** 通用字体大小 */
.fs-12{
  font-size: 12px;
}
.fs-14{
  font-size: 14px;
}
.fs-16{
  font-size: 16px;
}
.fs-18{
  font-size: 18px;
}

/** 通用文字居中 */
.text-center{
  text-align: center;
}

/** 通用变鼠标 */
.pointer{
  cursor: pointer;
}

/** 通用滚动 */
.overflow-scroll{
  overflow: auto;
}

/** 通用字体阴影 */
.text-shadow{
  text-shadow: -5px 5px 0 rgb(0 0 0 / 10%);
}

/** 通用文字行高 */
.text-line-height{
  line-height: 18px;
}

/** 通用标签颜色 */
.tag-gray {
  color:#888;
  background-color:rgba(136,136,136,.1)
}
.tag-red {
  color:#ff5473;
  background-color:rgba(255,84,115,.1)
}
.tag-red-2 {
  color:#d6064c;
  background-color:rgba(194,41,46,0.1)
}
.tag-yellow {
  color:#ff6f06;
  background-color:rgba(255,111,6,0.1)
}
.tag-yellow-2 {
  color:#c58516;
  background-color:rgba(179,103,8,0.1)
}
.tag-blue {
  color:#2997f7;
  background-color:rgba(41,151,247,.1)
}
.tag-blue-2 {
  color:#5c7cff;
  background-color:rgba(77,130,249,.1)
}
.tag-cyan {
  color:#04b9b6;
  background-color:rgba(8,196,193,0.1)
}
.tag-green {
  color:#18a52a;
  background-color:rgba(18,185,40,.1)
}
.tag-green-2 {
  color:#6a933e;
  background-color:rgba(72,135,24,.1)
}
.tag-purple {
  color:#e434e1;
  background-color:rgba(213,72,245,0.1)
}
.tag-purple-2 {
  color:#8e4aff;
  background-color:rgba(154,72,245,0.1)
}
